import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// Buefy
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'
// ElementUI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

// 引入全局 CSS 样式
import '@/assets/app.css'
import './assets/plugins/font-awesome-4.7.0/css/font-awesome.min.css'

// 引入 date-fns 时间格式化工具库
import format from 'date-fns/format'

// 引入 permission.js
import '@/permission'

// 引入 dayjs
// dayjs 相对时间工具库
import relativeTime from 'dayjs/plugin/relativeTime'
// 国际化 格式化时间
import 'dayjs/locale/zh-cn'

const dayjs = require('dayjs')
// 相对时间插件
dayjs.extend(relativeTime)
dayjs.locale('zh-cn') // Use locale globally
dayjs().locale('zh-cn').format() // Use locale in a specific instance
Vue.prototype.dayjs = dayjs; // Use dayjs globally

// 使用 date-fns 库格式化时间
Vue.filter('date', (date) => {
  	return format(new Date(date), 'yyyy-MM-dd')
})

// 全局使用 Buefy 与 ElementUI 组件
Vue.use(Buefy)
Vue.use(ElementUI)

Vue.config.productionTip = false

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')
